<template>
  <div class="home">
    <NavLink />
    <TitleComponent :msg="titlemsg.titleOne"/>
    <AroundBg :msg="aroundinfo"/>
    <CenterConcrete :msg="centerConcreteinfo"/>
    <TitleComponent :msg="titlemsg.titleTwo"/>
    <BottomListBg :msg="bottomListBginfn"/>
  </div>
</template>

<script>
// @ is an alias to /src
import NavLink from '@/components/publicComp/NavLink.vue'
import TitleComponent from '@/components/publicComp/TitleComponent.vue'
import AroundBg from '@/components/publicComp/AroundBg.vue'
import CenterConcrete from '@/components/publicComp/CenterConcrete.vue'
import BottomListBg from '@/components/publicComp/BottomListBg.vue'
export default {
  name: 'HomeView',
  components: {
    NavLink,
    TitleComponent,
    AroundBg,
    CenterConcrete,
    BottomListBg
  },
  data(){
    return {
      //传递给标题的信息
      titlemsg:{
        titleOne: {
          title : '曾看过山海',
          info : 'Those places we have been before'
        },
        titleTwo: {
          title : '亦有向往未涉足',
          info : 'There are always many new places in life that we have not touched'
        }
      },
      //传递给第一个圆形图片的信息
      aroundinfo :[
        {
          title : '罨画池',
          bg : 'https://ts1.cn.mm.bing.net/th/id/R-C.15e970cd0765096178a6da16993cfbb1?rik=IT5KfevidZcTig&riu=http%3a%2f%2fimg.pconline.com.cn%2fimages%2fupload%2fupc%2ftx%2fwallpaper%2f1210%2f22%2fc0%2f14558824_1350879506501.jpg&ehk=X9ro%2fg%2fGTmsglVrbV%2bmy8c3wsAvcHseqcEhsf80RMWA%3d&risl=&pid=ImgRaw&r=0'
        },
        {
          title : 'Maldives',
          bg : 'https://ts1.cn.mm.bing.net/th/id/R-C.eecf4b45025637c5e7f13c405e04d7f7?rik=G9giCvBcSZKgvw&riu=http%3a%2f%2fwww.deskcar.com%2fdesktop%2ffengjing%2f201341594642%2f10.jpg&ehk=CrlFkHFjkrL2ZeHlKXaJpmb%2b9VE%2forvU0SnDHFFGDZQ%3d&risl=&pid=ImgRaw&r=0'
        },
        {
          title : 'Ireland',
          bg : 'https://ts1.cn.mm.bing.net/th/id/R-C.8730aab8cad6e5f37388f1bbd9c38b34?rik=%2f7MYsu7FKGC1tw&riu=http%3a%2f%2fimg.pconline.com.cn%2fimages%2fupload%2fupc%2ftx%2fwallpaper%2f1208%2f31%2fc0%2f13464501_1346396790390.jpg&ehk=%2fc5%2fTXLHdn9nkt%2ft7OC1P8qPewsKPvv5PMyC05wSCAk%3d&risl=&pid=ImgRaw&r=0'
        },
        {
          title : 'NewZealand',
          bg : 'https://ts1.cn.mm.bing.net/th/id/R-C.f54c83f04442cec528a250d251251ce6?rik=JE7BoZk5xK4iEg&riu=http%3a%2f%2fpic4.bbzhi.com%2ffengjingbizhi%2fgaoqingxifengjingzhuomianbizhixiazai%2fgaoqingxifengjingzhuomianbizhixiazai_366146_18.jpg&ehk=YvUnl11nBp%2fGJssQUbYqkXLo7fchkD%2fEQ8BGpW2Urjs%3d&risl=&pid=ImgRaw&r=0'
        }
      ],
      //传递给中间正方形图片的信息
      centerConcreteinfo :[
        {
          imginfo : 'https://ts1.cn.mm.bing.net/th/id/R-C.f9cd65199313bf901930e161248597fb?rik=7A9h1TepLAI2Yg&riu=http%3a%2f%2fi2.img.969g.com%2fdown%2fimgx2014%2f10%2f24%2f289_102437_ca7f3.jpg&ehk=cmSLtoJoX3zBWSqnPGasMICVEfhLiQzC7i2%2f%2bWSCrVI%3d&risl=&pid=ImgRaw&r=0',
          title : '向着我们曾经约定的地方 出发!',
          mesiges: 'Today will be wonderful too . Go where we once agreed !'
        }
      ],
      //传输给末尾正方形的图片
      bottomListBginfn:[
        {
          url : 'https://desk-fd.zol-img.com.cn/t_s960x600c5/g5/M00/02/07/ChMkJlbKy8WIbwXCAAmjSPvqREoAALIvAJG9NUACaNg254.jpg'
        },
        {
          url : 'https://desk-fd.zol-img.com.cn/t_s960x600c5/g5/M00/02/08/ChMkJlbKzU-IG4TXAB6fIYiyMZ4AALI_wAXLooAHp85677.jpg'
        },
        {
          url : 'https://ts1.cn.mm.bing.net/th/id/R-C.f7530826ebfe6b42c6d42253bac6153d?rik=JYIKz8yEvjuRmg&riu=http%3a%2f%2fwww.quazero.com%2fuploads%2fallimg%2f140303%2f1-140303215013.jpg&ehk=feA%2f5sUIHbzCYEj7Mq8o2hZrIFNOsnnwOBX0gVUVpOI%3d&risl=&pid=ImgRaw&r=0'
        }
      ]
    }
  }
}
</script>

<style scoped lang="less">
  .home {
    padding-bottom: 50px;
    
  }
</style>
